import { Tabs } from "expo-router/tabs"
import { BookOpen, Calendar, User } from "lucide-react-native"
import { theme } from "@/constants/theme"

export default function TabsLayout() {
    return (
        <Tabs
            screenOptions={{
                tabBarActiveTintColor: theme.colors.primary.default,
                tabBarInactiveTintColor: theme.colors.neutral.gray,
                tabBarStyle: {
                    backgroundColor: theme.colors.neutral.white,
                },
                headerShown: false,
            }}
        >
            <Tabs.Screen
                name="vocabulary-screen"
                options={{
                    title: "单词本",
                    tabBarIcon: ({ color }) => <BookOpen size={24} color={color} />,
                }}
            />
            <Tabs.Screen
                name="plan-screen"
                options={{
                    title: "计划",
                    tabBarIcon: ({ color }) => <Calendar size={24} color={color} />,
                }}
            />
            <Tabs.Screen
                name="my-screen"
                options={{
                    title: "我的",
                    tabBarIcon: ({ color }) => <User size={24} color={color} />,
                }}
            />
        </Tabs>
    )
}

